import Vue from 'vue'
Vue.mixin({
    data() {
      return {
          promptText: '确认'
      }
    },
    methods: {
        msgBox(success = true, msg = '操作成功！') {
            if (success) {
                this.$message({ showClose: true, message: msg, type: 'success' });
            } else {
                this.$message({ showClose: true, message: msg, type: 'error' });
            }
        },
        // 确认对话框
        confirm(callback) {
            this.$confirm('此操作将永久删除该数据, 是否继续?', '提示', {
                confirmButtonText: '确定',
                cancelButtonText: '取消',
                type: 'warning'
            })
                .then(res => callback())
                .catch(() => console.log('取消操作'))
        },
        // 输入确认对话框
        prompt(callback) {
            this.$prompt('此操作将批量删除数据, 请输入 <span style="color: red;font-weight: bold">' + this.promptText + '</span> 继续', '提示', {
                confirmButtonText: '确定',
                cancelButtonText: '取消',
                dangerouslyUseHTMLString: true,
                type: 'error'
            })
                .then(({value}) => {
                    if (value === this.promptText) {
                        callback()
                    } else {
                        this.$message({type: 'info', message: '输入的文本不正确！'});
                    }
                })
                .catch(() => console.log('取消操作'))
        }
    }
})
